<template>
    <el-container>
        <el-header>
            <UserHeader />
        </el-header>
        <el-main>
            <div class="center">
                <RouterView />
            </div>
        </el-main>
        <el-footer>
            <UserFooter />
        </el-footer>
    </el-container>
</template>

<script setup>
import UserHeader from "@/components/UserHeader.vue";
import UserFooter from "@/components/UserFooter.vue";
</script>

<style scoped>
.el-header, .el-main, .el-footer {
    padding: 0;
    height: auto;
}

.el-main {
    background-color: #EEE;
    padding-bottom: 20px;
}

.el-footer {
    padding: 10px 0;
    background-color: var(--theme-bg-color);
}
</style>